<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="utf-8"/>
    <title>陪玩管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="A fully responsive admin theme which can be used to build CRM, CMS,ERP etc." name="description"/>
    <meta content="Techzaa" name="author"/>
    <link rel="shortcut icon" href="../../images/favicon.ico">
    <link href="../../vendor/select2/css/select2.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/bootstrap-touchspin/jquery.bootstrap-touchspin.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/bootstrap-timepicker/css/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/flatpickr/flatpickr.min.css" rel="stylesheet" type="text/css"/>
    <script src="../../js/config.js"></script>
    <link href="../../css/app.min.css" rel="stylesheet" type="text/css" id="app-style"/>
    <link href="../../css/icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/toastr/toastr.css" rel="stylesheet" type="text/css"/>

</head>
<body>
<div class="wrapper">
    <div class="leftside-menu">
        <span class="logo logo-light logo-lg" style="color: aqua;">
        陪玩管理系统
        </span>
        <div class="h-100" id="leftside-menu-container" data-simplebar>
            <ul class="side-nav">
                <li class="side-nav-item">
                    <ul class="side-nav-second-level">
                        <li>
                            <a href="/orderList/init">订单列表</a>
                        </li>
                        <li>
                            <a href="/playWithList/init">陪玩列表</a>
                        </li>
                        <li>
                            <a href="/customerList/init">顾客列表</a>
                        </li>
                        <li>
                            <a href="/profitList/init">客户存单</a>
                        </li>
                    </ul>
            </li>
            </ul>
        </div>
    </div>
    <div class="content-page">
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <h4 class="page-title">订单录入</h4>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <form>
                                            <div class="mb-3">
                                                <label class="form-label">结单时间</label>
                                                <input type="text" id="datetime-datepicker" class="form-control"
                                                       th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                       th:value="${orderDtoInfo.orderSettlementTime}"
                                                       placeholder="请选择时间">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">陪玩</label>
                                                <select class="form-select" id="orderPlaywith" th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'">
                                                    <option selected th:value="0"></option>
                                                    <option th:each="item:${playList}"
                                                            th:selected="${item.playName eq orderDtoInfo.orderPlaywith}"
                                                            th:value="${item.playId}" th:text="${item.playName}">
                                                    </option>
                                                </select>
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">派单员</label>
                                                <input type="text" class="form-control" id="orderDispatcher"
                                                       th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                       th:value="${orderDtoInfo.orderDispatcher}">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">段位</label>
                                                <input type="text" class="form-control" id="orderLevel"
                                                       th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                       th:value="${orderDtoInfo.orderLevel}">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">工资</label>
                                                <input type="text" class="form-control" id="orderWages"
                                                       th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                       th:value="${orderDtoInfo.orderWages}">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">打赏</label>
                                                <input type="text" class="form-control" id="orderReward"
                                                       th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                       th:value="${orderDtoInfo.orderReward}">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label" style="display: block;">点名</label>
                                                <div class="form-check form-check-inline">
                                                    <input type="radio" id="customRadio3" name="rollCall"
                                                           class="form-check-input" value="0"
                                                           th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                           th:checked="${orderDtoInfo.orderRollCall} eq '0'">
                                                    <label class="form-check-label" for="customRadio3">是</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input checked="checked" type="radio" id="customRadio4" name="rollCall"
                                                           class="form-check-input" value="1"
                                                           th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                           th:checked="${orderDtoInfo.orderRollCall} ne '0'">
                                                    <label class="form-check-label" for="customRadio4">否</label>
                                                </div>
                                            </div>

                                            <div class="mb-3">
                                                <label class="form-label" style="display: block;">结单</label>
                                                <div class="form-check form-check-inline">
                                                    <input type="radio" id="customRadio5" name="overAccount"
                                                           class="form-check-input" value="0"
                                                           th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                           th:checked="${orderDtoInfo.orderOverAccount} eq '0'">
                                                    <label class="form-check-label" for="customRadio3">已结</label>
                                                </div>
                                                <div class="form-check form-check-inline">
                                                    <input checked="checked" type="radio" id="customRadio6" name="overAccount"
                                                           class="form-check-input" value="1"
                                                           th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                           th:checked="${orderDtoInfo.orderOverAccount} ne '0'">
                                                    <label class="form-check-label" for="customRadio4">未结</label>
                                                </div>
                                            </div>


                                        </form>
                                    </div>
                                    <div class="col-lg-6">
                                        <form>
                                            <div class="mb-3">
                                                <label class="form-label">时长</label>
                                                <input type="text" class="form-control" id="orderTimeLong"
                                                       th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                       th:value="${orderDtoInfo.orderTimeLong}">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">顾客</label>
                                                <select class="form-select" id="orderCustomer" th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'">
                                                    <option selected th:value="0"></option>
                                                    <option th:each="item:${customerList}"
                                                            th:selected="${item.customerName eq orderDtoInfo.orderCustomer}"
                                                            th:value="${item.customerId}" th:text="${item.customerName}">
                                                    </option>
                                                </select>
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">游戏</label>
                                                <input type="text" class="form-control" id="orderGame"
                                                       th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                       th:value="${orderDtoInfo.orderGame}">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">付款</label>
                                                <input type="text" class="form-control" id="orderPay"
                                                       th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                       th:value="${orderDtoInfo.orderPay}">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">礼物</label>
                                                <input type="text" class="form-control" id="orderGift"
                                                       th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                       th:value="${orderDtoInfo.orderGift}">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">评价</label>
                                                <input type="text" class="form-control" id="orderEvaluate"
                                                       th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                       th:value="${orderDtoInfo.orderEvaluate}">
                                            </div>

                                            <div class="mb-3">
                                                <label class="form-label">备注</label>
                                                <textarea class="form-control" id="orderNotes"
                                                          rows="5"
                                                          th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'"
                                                          th:text="${orderDtoInfo.orderNotes}">

                                                </textarea>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <button type="submit" class="btn btn-primary" th:disabled="${orderDtoInfo.readOnlyFlg} eq '1'" onclick="orderInfoSubmit()">提交</button>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</body>
<script src="../../js/vendor.min.js"></script>
<script src="../../vendor/select2/js/select2.min.js"></script>
<script src="../../vendor/daterangepicker/moment.min.js"></script>
<script src="../../vendor/daterangepicker/daterangepicker.js"></script>
<script src="../../vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="../../vendor/bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script>
<script src="../../vendor/jquery-mask-plugin/jquery.mask.min.js"></script>
<script src="../../vendor/bootstrap-touchspin/jquery.bootstrap-touchspin.min.js"></script>
<script src="../../vendor/bootstrap-maxlength/bootstrap-maxlength.min.js"></script>
<script src="../../vendor/handlebars/handlebars.min.js"></script>
<script src="../../vendor/typeahead.js/typeahead.bundle.min.js"></script>
<script src="../../vendor/flatpickr/flatpickr.min.js"></script>
<script src="../../vendor/toastr/toastr.js"></script>
<script src="../../js/pages/typehead.init.js"></script>
<script src="../../js/pages/timepicker.init.js"></script>
<script src="../../js/app.min.js"></script>
<script src="../../js/order/order-enter.js"></script>
</html>